<template>
	<ul class="nav">	
		<!-- to的地址和路由里面定义的地址一样 -->
		<!-- tag="li"把这个改为li标签, 默认的是a标签 -->
		<router-link  tag="li" to="/">首页</router-link>
		<router-link active-class="active" tag="li" to="/goods">商品</router-link>
		<router-link active-class="active" tag="li" to="/user/pay">用户中心</router-link>
	</ul>
</template>

<script>
</script>

<style>
	.nav{
		background-color: #42B983;
		text-align: center;
	}
	.nav li{
		list-style: none;
		display: inline;	
		margin: 20px;
		cursor: pointer;
	}
</style>
